<!--  -->
<template>
  <div class="voteinfo_container">
    <div class="voteinfo_item" v-for="(item,index) in voteinfo" :key="index">
      <div class="count">
        {{item.count}}
      </div>
      <div class="title">
        {{item.name}}
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        voteinfo: [{
            name: "参赛人数",
            count: 22
          },
          {
            name: "投票总数",
            count: 231
          },
          {
            name: "总访问量",
            count: 345342
          }
        ]
      };
    },

    components: {},

    computed: {},

    mounted: {},

    methods: {}
  }
</script>
<style scoped lang="less">
  .voteinfo_container {
    display: flex;
    width: 100%;
    justify-content: space-around;
    margin: 20px 0;

    .voteinfo_item {
      .count {
        font-size: 25px;
        font-weight: bold;
        color: #ee0a24;
      }

      .title {
        font-size: 13px;
        color: grey;
      }
    }
  }
</style>